{% load l10n i18n %}
<html lang="en">
    <head>
        <title>Users Access Report</title>
        <meta name="author" content="UDS">
        <meta name="description" content="List of UDS accesses from {{ beginning }} to {{ ending }} with {{ intervals }} intervals">
        <meta name="keywords" content="uds,report,access,user">
        <meta name="generator" content="UDS Reporting">
    </head>
    <body>
        <p style="text-align: center">
            {% trans "Users Access by date" %}
        </p>
        <img src="image://graph1" class="center" style="height: 10.0cm;">
        <p style="text-align: center">
            {% trans "Users Access by day of week" %}
        </p>
        <img src="image://graph2" class="center" style="height: 10.0cm;">
        <p style="page-break-before: always; text-align: center;">
            {% trans "Users Access by hour" %}
        </p>
        <img src="image://graph3" class="center" style="height: 10.0cm;">
        <p style="text-align: center">
            {% trans "Users Access by day of week/hour" %}
        </p>
        <img src="image://graph4" class="center" style="height: 10.0cm;">
        
        <p style="page-break-before: always; text-align: center;">
            {% trans "Users Access by date" %}
        </p>
        <table style="width: 100%; font-size: 0.8em;">
            <thead>
                <tr>
                    <th style="width: 70%">{% trans 'Date range' %}</th>
                    <th style="width: 30%">{% trans 'Users' %}</th>
                </tr>
            </thead>
            <tbody>
            {% for d in data %}
                <tr>
                    <td>{{ d.date }}</td>
                    <td>{{ d.users }}</td>
                </tr>
            {% endfor %}
            </tbody>
        </table>
        <!-- <p style="page-break-before: always">
            This is a new page
        </p> -->
    </body>
</html>